<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<link th:href="@{/c/base.css}" rel="stylesheet" type="text/css">
<link th:href="@{/c/toefl.css}" rel="stylesheet" type="text/css">
<link rel="stylesheet" th:href="@{/c/bootstrap.min.css}">
<script type="text/javascript" th:src="@{/j/jquery-2.1.0.js}"></script>
<script th:src="@{/j/bootstrap.min.js}"></script>
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
</head>
<body>
<!--头-->
<div class="doc1180">
	<div class="header">
    	<div class="logo"><img th:src="@{/i/logo.png}"></div>
        <div class="headerLink">
            <a th:href="@{/toLogin}" class="###">登录</a>
            <a th:href="@{/toRegister}" class="###">注册</a>
        </div>
    </div>
</div>
<div class="menu">
	<div class="doc1180">
   	  <div class="menuLink">
        	<ul class="fn-clear">
            	<li class="active"><a th:href="@{/index}" >首页</a></li>
                <li><a th:href="@{/tfPerson}" >托福人</a></li>
                <li><a th:href="@{/pubCourse}" >公开课</a></li>
                <li><a th:href="@{/toChat}" >群组聊</a></li>
                <li><a th:href="@{/welare}">福利城堡</a></li>
            </ul>
        </div>
    </div>
</div>
<!--头-->
<div class="doc1180 fn-clear paddingT20">
    <div class="doc230 fn-left">
        <div class="flcb_cardUser">
            <div class="flcb_cardUserPic"><img th:src="@{/i/flcb_cardUserPic.png}" width="100" height="100"></div>
            <div class="flcb_cardUserName" th:text="${u.getUsername()}"></div>
        </div>
        <div class="flcb_cardUserInfo">
            <div>你现在拥有的RPB：<span class="green">50</span></div>
            <div>你现在的等级是：学霸</div>
            <div><span>下一等级：</span>学神<span>还差RPB：80</span></div>
            <div class="flcb_cardUserText"></div>
            <div style="color: #ff0000;">充值兑换</div>
        </div>
        <div class="flcb_cardUserMenu">
            <ul>
                <li class="on"><a th:href="@{/mydata}" target="infor" class="icon_1">个人资料</a></li>
                <li><a th:href="@{/myclazz}" target="infor" class="icon_2">我的公开课</a></li>
                <li><a th:href="@{/mychat}" target="infor" class="icon_3">我的群组</a></li>
                <li><a th:href="@{/mywelare}" target="infor" class="icon_5">我的福利城堡</a></li>
                <li><a th:href="@{/mytfr}" target="infor" class="icon_6">我的托福人</a></li>
            </ul>
        </div>
    </div>
    <div class="doc910 fn-right">
        <div class="doc910 fn-right">
            <div class="flcb_cardMenu">
                <ul>
                    <li class="on">
                        <a href="###" target="infor" id="basic">基本资料</a>
                    </li>
                    <li>
                        <a href="###" target="infor" id="imgUpload">头像设置</a>
                    </li>
                    <li>
                        <a href="###" target="infor" id="passwordChange">密码设置</a>
                    </li>
                </ul>
            </div>

            <div class="userCenter" style="display: block;" id="basicContent">
                <form th:action="@{/updatauser}" >
                    <dl>
                        <dt>用户名：</dt>
                        <dd><input type="text" class="userCenter_input" th:placeholder="${u.getUsername()}" name="username"></dd>
                    </dl>
                    <dl>
                        <dt>性别：</dt>
                        <dd>
                            <div class="userCenter_radio">
                                <input name="sex" type="radio" value="男" ><span>男</span>
                                <input name="sex" type="radio" value="女" ><span>女</span>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt>邮箱：</dt>
                        <dd><input type="text" class="userCenter_input" th:placeholder="${u.getEmail()}" name="email"></dd>
                    </dl>
                    <dl>
                        <dt>电话：</dt>
                        <dd><input type="text" class="userCenter_input" th:placeholder="${u.getPhone()}" name="phone"></dd>
                    </dl>
                    <dl>
                        <dt>出生日期：</dt>
                        <dd>
                            <select name="" class="userCenter_y">
                                <option>2015</option>
                                <option>2014</option>
                            </select>
                            <select class="userCenter_m">
                                <option>12</option>
                                <option>11</option>
                                <option>10</option>
                                <option>9</option>
                                <option>8</option>
                            </select>
                        </dd>
                    </dl>
                    <dl>
                        <dt>个性签名：</dt>
                        <dd><textarea cols="" rows="" class="userCenter_t"></textarea>
                            <p class="userCenter_text">请输入2-100个字符</p>
                        </dd>
                    </dl>
                    <dl>
                        <dt></dt>
                        <dd>
                            <input type="submit" value="保存" class="login_Button">
                        </dd>
                    </dl>
                </form>
            </div>
        </div>
    </div>

</div>
</body>
</html>